<script setup lang="ts">
import {appWindow, WebviewWindow} from "@tauri-apps/api/window";

const openMain = () => {
  appWindow.hide()
  let mainWin = WebviewWindow.getByLabel("main")!
  mainWin.show()
  appWindow.close()
}
</script>

<template>
<div class="container">
  <div class="loginBox center">
    <input type="text">
    <input type="password">
    <div class="btn" @click="openMain">Login</div>
  </div>
  <div class="registerBox center">
  </div>
</div>
</template>

<style scoped>
  .center {
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .container {

  }
</style>